<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="button" value="点我" onclick="alert('hello world')">

    <table>
        <th>姓名</th>
        <th>年龄</th>
        <th>报告</th>
        <tr>
            <td onclick="alert(124)">1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table>

    <a onclick="alert('hello world')" >here</a>
    <a onmouseover=alert(123)> 鼠标移动到我上面就会弹出一个对话框 </a>

    <script src="tool.js"></script>
    <script type="text/javascript">
        // 这是注释

        // 常用的输出方式
        // alert('内部');
        // console.log('hello world');
        // var a=prompt("请输入一个数字");
        // console.log(a);

        // 变量定义支持情况测试
        // const a=1;
        // console.log(a);
        // let b="aaaaaaaaaaaaa";
        // console.log(b);
        // var c=1222;
        // console.log(c);

        // let name='张三', age=27, number=100;
        // console.log(name, age, number);
    //     const nameList = ['小明', '小红', '小刚']

    //     function myTemplate() {
    //         return `
    //     <ul>
    //         ${nameList.map(name => `<li>Hi, I am ${name}</li>`).join('')}
    //     </ul>
    // `
    //     }

    //     document.body.innerHTML = myTemplate()

    </script>
</body>

</html>